/*初始化*/
blockquote, body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Verdana,"Lantinghei SC","Hiragino Sans GB","Microsoft Yahei",Helvetica,arial,\5b8b\4f53,sans-serif;
}

a{
    text-decoration: none;
}

html,
body,
.warpper {
    font-family: Verdana,"Lantinghei SC","Hiragino Sans GB","Microsoft Yahei",Helvetica,arial,\5b8b\4f53,sans-serif;
    width: 100%;
    min-width: 1000px;
    height: 100%;
}

/*头部样式*/

.header {
    width: 100%;
    height: 115px;
    margin-bottom: 2px;
    background: #FFF;
    box-shadow: 2px 2px 2px 2px #F4F4F4;
}

/*头部搜索样式*/

.header .wrap {
    width: 1000px;
    height: 115px;
    position: relative;
    margin: auto;
}

.wrap-search {
    min-width: 1000px;
    min-height: 70px;
}

.header .wrap .wrap-search .logo {
    width: 113px;
    height: 42px;
    margin-top: 16px;
}

.wrap .wrap-search form {
    display: inline-block;
    position: relative;
    margin-left: 150px;
}

.wrap-search form .search-text {
    height: 40px;
    width: 360px;
    border: 1px solid #E4E4E4;
    outline:none;
    padding: 8px 55px 8px 10px;
    float: left;
}

.wrap-search form .search-btn {
    width: 41px;
    height: 41px;
    background: url("../image/search_bg.png");
    background-size: 100%;
    float: left;
    border: 1px solid #e1edf7;
    border-left: none;
}

.wrap-search form .search-btn:hover {
    background: #FFF url("../image/search_bg2.png");
    background-size: 100%;
    float: left;
}

.wrap-search .hot-words {
    position: absolute;
    right: 50px;
    top: 10px;
}

.wrap-search .hot-words a {
    text-decoration: none;
    background: #F3F3F3;
    color: #000;
    padding: 2px;
    font-size: 14px;
}

.wrap-search .hot-words a:hover {
    background: #D9D9DB;
}

/*顶部导航栏*/
.wrap-search .loginbox {
    display: inline-block;
    font-size: 14px;
    margin-left: 100px;
    position: relative;
    bottom: 20px;
}

.loginbox img {
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-bottom: -3px;
}

.loginbox a {
    color: #000;
    text-decoration: none;
}

/*分割线*/
.loading-length {
    width: 100%;
    background: #33AF55;
    height: 3px;
    position: absolute;
    top: 70px;
}

/*隐藏的导航布局*/
.navpositon {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 73px;
}

.navpositon .nav {
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
}

.navpositon .nav a {
    color: #000;
    font-size: 14px;
    margin-right: 40px;
    text-decoration: none;
}

.navpositon .nav a:hover {
    color: #33AF55;
}

.nav .navbox {
    height: 42px;
    line-height: 40px;
    display: inline-block;
}

.nav .navbox:hover .navpanel {
    display: block;
}

.navbox .navpanel {
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    position: absolute;
    background: #FFF;
    border: 1px solid #9D9E9E;
    padding-left: 50px;
    z-index: 100;
    display: none;
}

.navpanel .panel-item {
    width: 140px;
    font-size: 12px;
    float: left;
    list-style: none;
}

.navpanel .panel-item:hover {
    background: #F3F3F3;
}

.panel-item .item-box {
    border-left: 1px solid #F0F0F0;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
}

.panel-item .item-box li {
    height: 30px;
    width: 140px;
    font-size: 12px;
    list-style: none;
}

.nav .user-need {
    float: right;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.user-need img {
    margin-bottom: -2px;
}

.user-need .xin {
    width: 14px;
    height: 15px;
    position: absolute;
    z-index: 2000;
    right: -19px;
    top: -12px;
    display: block;
}

/*中间内容布局*/
.content {
    width: 100%;
    padding-top: 20px;
    height: auto;
}

/*课程内容布局*/
.content .lesson {
    width: 1000px;
    min-width: 1000px;
    height: 375px;
    margin: 0 auto;
    font-size: 14px;
}

/*课程内容导航*/

.lesson .lesson-classfiy-nav {
    width: 208px;
    height: 373px;
    padding: 0 1px;
    border: 1px solid #C7C7C7;
    border-top: 2px solid #35B558;
    display: inline-block;
    position: absolute;
}

.lesson-classfiy-nav ul {
    width: 210px;
    height: 371px;
}

.lesson-classfiy-nav ul li {
    height: 36px;
    line-height: 36px;
    list-style: none;
    padding-left: 10px;
    border-top: 1px solid #F5F5F5;
}

.lesson-classfiy-nav ul li a {
    color: #000;
    text-decoration: none;
}

.lesson-classfiy-nav ul li a:hover {
    color: #35B759;
}

.lesson-list-show {
    width: 400px;
    height: auto;
    min-height: 374px;
    margin-top: -2px;
    background: #FFF;
    position: absolute;
    border: 1px solid #C7C7C7;
    padding-left: 10px;
    top: 0;
    left: 210px;
    z-index: 10;
    display: none;
}

.lesson-classfiy-nav ul li:hover .lesson-list-show {
    display: block;
}

.lesson-classfiy-nav .cf {
    width: 400px;
    height: auto;
    border-top: 1px solid #F5F5F5;
    margin-bottom: 10px;
}

.lesson-classfiy-nav .xian-g {
    color: #C7C7C7;
    padding: 0 5px;
}

/*轮播布局*/
.lesson .lesson-center-focus {
    width: 558px;
    height: 373px;
    display: inline-block;
    position: absolute;
    margin-left: 220px;
    z-index: 1;
}

/*个人信息显示*/
.lesson .lesson-right-show {
    width: 208px;
    height: 373px;
    border: 1px solid #C7C7C7;
    display: inline-block;
    position: absolute;
    margin-left: 790px;
}

/*新闻信息*/
.lesson-right-show .news{
    width: 208px;
    height: 135px;
    border-bottom: 1px solid #C7C7C7;
}

.lesson-right-show .news h3{
    font-size: 14px;
    padding-bottom: 10px;
    margin: 10px 0 0 10px;
}

.lesson-right-show .news ul{
    margin: 0 0 0 10px;
}

.lesson-right-show .news li{
    list-style: none;
}

.lesson-right-show .news a{
    text-decoration: none;
    color: #666666;
    font-size: 13px;
    line-height: 25px;
}

.lesson-right-show .news a:hover{
    color: #35B759;
}

/*个人信息*/
.lesson-right-show .userinfo{
    width: 208px;
    height: 85px;
    border-bottom: 1px solid #C7C7C7;
}

.userinfo .head-box{
    width: 60px;
    height: 85px;
    display: inline-block;
}

.userinfo .head-box img{
    margin: 10px 10px;
}

.userinfo .name-wrap{
    width: auto;
    height: 85px;
    display: inline-block;
}
.userinfo .name-wrap .hello-word{
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 5px;
}

.userinfo .name-wrap .operate{
    text-align: center;
}

.userinfo .name-wrap .operate a{
    width: 50px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    color: #FFF;
    padding: 5px;
    margin-top: 5px;
}

.userinfo .name-wrap .login-btn{
    background: #FB5D20;;
}

.userinfo .name-wrap .register-btn{
    background: #35B558;
}

/*推荐知识*/
.lesson-right-show .recommend{
    width: 208px;
    height:132px;
}

.lesson-right-show .recommend li{
    list-style: none;
    width: 51px;
    height: 71px;
    text-align: center;
    padding-top: 10px;
    float: left;
    border-left: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7;
}

.lesson-right-show .recommend li:hover{
    color: #35B558;
    cursor: pointer;
}

.lesson-right-show .recommend img{
    width: 25px;
    height: 25px;
}

/*热门课程*/
.hot-lesson{
    width: 100%;
    min-width: 1000px;
    height: 525px;
    position: relative;
    margin-top: 10px;
}

/*热门课程菜单*/
.hot-lesson .hot-lesson-menu{
    width: 1000px;
    min-width: 1000px;
    height: 41px;
    margin: 0 auto;
}

.hot-lesson .hot-lesson-menu ul{
    height: 39px;
    width: 1000px;
    min-width: 1000px;
    border-bottom: 2px solid #C7C7C7;
}

.hot-lesson .hot-lesson-menu li{
    height: 39px;
    width: 166px;
    line-height: 39px;
    font-size: 14px;
    color: #666;
    text-align: center;
    list-style: none;
    float: left;
}

.hot-lesson .hot-lesson-menu .on{
    border-bottom: 2px solid #35b558;
    background: url(http://s1.jikexueyuan.com/index/images/index-sj_cc73747.png) center bottom no-repeat;
    background-size: 10px 4px;
    color: #35b558;
}

.hot-lesson .hot-lesson-menu li:hover{
    border-bottom: 2px solid #35b558;
    background: url(http://s1.jikexueyuan.com/index/images/index-sj_cc73747.png) center bottom no-repeat;
    background-size: 10px 4px;
    color: #35b558;
}

/*热门课程内容*/
.hot-lesson .hot-lesson-box{
    width: 1000px;
    min-width: 1000px;
    height: 480px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.hot-lesson-box .one-classfiy-lesson{
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 480px;
    background-size: 100%;
    margin-top: 10px;
    display: none;
}

.hot-lesson-box .lesson-block{
    display: block;
}

.hot-lesson-box .one-classfiy-lesson li{
    list-style: none;
    float: left;
    width: 235px;
    height: 220px;
    margin-bottom: 13px;
    margin-right: 13px;
    border:1px solid #C7C7C7;
}

.hot-lesson-box .one-classfiy-lesson li .lessonimg-box img{
    width: 235px;
    height: 135px;
    background-size: 100%;
}

.hot-lesson-box .one-classfiy-lesson .lesson-infor{
    width: 235px;
    font-size: 14px;
    color: #666;
}

.hot-lesson-box .one-classfiy-lesson .lesson-infor .lesson-info-h2{
    width: 215px;
    margin-top: 10px;
    padding: 0 10px;
    height: 35px;
    line-height: 15px;
    font-size: 12px;
}

.hot-lesson-box .one-classfiy-lesson .lesson-infor a{
    color: #666;
}

.hot-lesson-box .one-classfiy-lesson .timeandicon{
    width: 215px;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 12px;
}

.hot-lesson-box .one-classfiy-lesson .timeandicon .time-icon{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-bottom: -3px;

}
.one-classfiy-lesson .timeandicon .lessonicon-box{
    position: relative;
    margin-top: -10px;
    left: 200px;
}


/*职业途径*/
.projectpath{
    width: 100%;
    min-width: 1000px;
    height: 640px;
    margin-top: 20px;
}

.projectpath .learnbox{
    width: 1005px;
    min-width: 1005px;
    height: 640px;
    margin: 0 auto;
    overflow: hidden;
}

.learnbox .index-public-title{
    height: 35px;
    width: 1000px;
    line-height: 35px;
    padding-left: 3px;
}
.learnbox .index-public-title a{
    color: #000;
}

.learnbox .index-public-title .more-lesson{
    float: right;
    font-size: 12px;
    margin-right: 5px;
    color: #3489CB;
}

/*职业路径选项卡*/
.learnbox  .learn-card{
    width: 997px;
    min-width: 997px;
    height: 610px;
    border:1px solid #C7C7C7;
    text-align: center;
}

.learnbox  .learn-card img{
    width: 198px;
    height: 120px;
}

.learnbox .learn-card a {
    float: left;
    border-left-width: 1px;
    border-style: solid none solid solid;
    border-left-color: rgb(228, 228, 228);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: rgb(228, 228, 228);
    border-bottom-color: rgb(228, 228, 228);
    margin-top: 0;
}

.learnbox .learn-card a:hover{
    border:1px solid #35b558;
}

.learnbox  .learn-card h2{
    margin-top: 30px;
    margin-bottom: 20px;
    color: #000;
    font-size: 16px;
}

.learnbox  .learn-card p{
    color: #000;
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px;
}

.learnbox .greenbtn2{
    width: 140px;
    height: 35px;
    border:1px solid #1DB17F;
    list-style: none;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #1DB17F;
    background: #F3FFF6;
}

.learnbox .greenbtn2:hover{
    font-size: 14px;
    color: #FFF;
    background: #1DB17F;
}

/*知识体系*/
.konw-system{
    width: 100%;
    min-width: 1000px;
    height: 500px;
}

.konw-system .learnbox{
    width: 1000px;
    min-width: 1000px;
    height: 520px;
    margin: 0 auto;
    margin-top: 30px;
}

.konw-system .learnbox .mapbox{
    width: 1000px;
    min-width: 1000px;
    height: 500px;
    margin: 0 auto;
    border:1px solid #C7C7C7;
}

.konw-system .learnbox .card-transform {
    width: 165px;
    height: 123px;
    text-align: center;
    float: left;
    border-left-width: 1px;
    border-style: solid none solid solid;
    border-left-color: rgb(228, 228, 228);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: rgb(228, 228, 228);
    border-bottom-color: rgb(228, 228, 228);
    margin-top: 0;
}

.card-transform .front img{
    margin-top: 10px;
    width: 40px;
    height: 40px;
}

.card-transform .front h2{

    font-size:14px;
    color: #000;
    margin-top: 5px;
}

.card-transform .front span{
    font-size:14px;
    color: #48BC67;
    line-height: 30px;
}

/*旋转信息*/
.card-transform .back{
    width: 165px;
    height: 119px;
    background:  #F5F5F5;
    cursor: pointer;
    display: none;
}

.card-transform .back strong{
    color: #B8B8B8;
    line-height: 50px;
}

.card-transform .back .greenbtn{
    width: 140px;
    height: 35px;
    background: #298C44;
    border: 0;
    font-size: 16px;
    color: #FFF;
}

.konw-system .learnbox .card-transform:hover .front{
    display: none;
}

.konw-system .learnbox .card-transform:hover .back{
    display: block;
}

.card-transform .back .greenbtn:hover{
    background: #66D178;
}


/*精品课程系列*/
.excellent{
    width: 100%;
    min-width: 1000px;
    height: 325px;
}

.excellent .excellent-box{
    width: 1000px;
    min-width: 1010px;
    height: 325px;
    margin: 0 auto;
    margin-top: 80px;
}

.excellent-box .index-public-title{
    height: 35px;
    width: 1000px;
    line-height: 35px;
    padding-left: 3px;
}
.excellent-box .index-public-title a{
    color: #000;
}

.excellent-box .index-public-title .more-lesson{
    float: right;
    font-size: 12px;
    margin-right: 10px;
    color: #3489CB;
}

.excellent-box .excellentbox{
    width: auto;
    height: 245px;
    position: relative;
}

.excellent-box .lesson-card{
    width: 205px;
    height: 245px;
    margin: 10px 25px 10px 0;
    padding: 10px;
    border:1px solid #C7C7C7;
    position: relative;
    float: left;
}

.excellent-box .lesson-card h2{
    font-size: 14px;
}

.excellent-box .lesson-card .images{
    width: 195px;
    height: 165px;
    margin-top: 20px;
}

.excellent-box .lesson-card img{
    width: 195px;
    height: 165px;
}

.excellent-box .lesson-card .other{
    font-size: 12px;
    color: #B8B8B8;
    margin-top: 10px;
}

.excellent-box .lesson-card .learn-count{
    padding-left: 10px;
}

.excellent-box .lesson-card .collect{
    float: right;
    width: 50px;
    height: 20px;
    background: #298C44;
    text-align: center;
    line-height: 20px;
    color: #FFF;
    box-shadow: 5px;
}

/*隐藏内容*/
.describe{
    width: 235px;
    height: 225px;
    position: relative;
    top:0;
}


/*wiki推荐书籍*/
.wiki{
    width: 100%;
    min-width: 1002px;
    height: 442px;
    margin-top: 20px;
}

.wiki .wikibox{
    width: 1002px;
    min-width: 1002px;
    height: 412px;
    margin: 0 auto;
}

.wikibox .index-public-title{
    height: 35px;
    width: 1000px;
    line-height: 35px;
    padding-left: 3px;
}
.wikibox .index-public-title a{
    color: #000;
}

.wikibox .index-public-title .more-lesson{
    float: right;
    font-size: 12px;
    margin-right: 10px;
    color: #3489CB;
}

.wiki .wikibox-con{
    width: 1002px;
    min-width: 1002px;
    height: 380px;
    margin-top: 20px;
    border:1px solid #C7C7C7;
}

.wiki .wikibox-con .one-wiki{
    width: 313px;
    height: 360px;
    padding: 10px 3px 10px 17px;
    border-right:1px solid #C7C7C7;
    position: relative;
    float: left;
}

.wiki .wikibox-con .one-wiki h2{
    font-size: 14px;
    margin-bottom: 5px;
}

.wiki .wikibox-con .one-wiki dd{
    width: 142px;
    height: 250px;
    float: left;
    margin-right: 10px;
    text-align: center;
    color: #B0B0B0;
}

.wiki .wikibox-con .one-wiki a{
    color: #000;
}

.wiki .wikibox-con .one-wiki h3{
    font-size: 12px;
    margin: 10px 0;
}

.wiki .wikibox-con .one-wiki span{
    font-size: 12px;
    color: #B0B0B0;
}

.wiki .wikibox-con .one-wiki span:hover{
    color: #50BF6E;
}

.wiki .wikibox-con .one-wiki img{
    width: 142px;
    height: 200px;
}

.wiki .wikibox-con .one-wiki ul{
    width: 284px;
    height: 20px;
    position: absolute;
    bottom: 40px;
}

.wiki .wikibox-con .one-wiki ul li{
    list-style: none;
}

.wiki .wikibox-con .one-wiki ul li p{
    display: inline-block;
    color: #B0B0B0;
    font-size: 12px;
}

.wiki .wikibox-con .one-wiki ul li span{
    float: right;
}

.wiki .wikibox-con .one-wiki ul li p:hover{
    color: #50BF6E;
}

.wiki .wikibox-con .one-wiki ul li span:hover{
    color: #50BF6E;
}

.wiki .wikibox-con .one-wiki a:hover{
    color: #50BF6E;
}


/*战略合作伙伴*/
.enterprise{
    width: 100%;
    min-width: 1000px;
    height: 130px;
    margin-top: 40px;
}

.enterprise .enterprisebox{
    width: 1000px;
    min-width: 1000px;
    height: 130px;
    margin: 0 auto;
}


.enterprisebox .index-public-title{
    height: 35px;
    width: 1000px;
    line-height: 35px;
    padding-left: 3px;
}
.enterprisebox .index-public-title a{
    color: #000;
}

.enterprisebox .index-public-title .more-lesson{
    float: right;
    font-size: 12px;
    margin-right: 10px;
    color: #3489CB;
}

/*合作院校*/
.university{
    width: 100%;
    min-width: 1000px;
    height: 180px;
    margin-top: 40px;
}

.university-box{
    width: 1000px;
    min-width: 1000px;
    height: 180px;
    margin: 0 auto;
}


/*媒体合作伙伴*/
.media{
    width: 100%;
    min-width: 1000px;
    height: 130px;
    margin-top: 30px;
}

.media .mediabox{
    width: 1000px;
    min-width: 1000px;
    height: 130px;
    margin: 0 auto;
}


.mediabox .index-public-title{
    height: 35px;
    width: 1000px;
    line-height: 35px;
    padding-left: 3px;
}
.mediabox .index-public-title a{
    color: #000;
}

.mediabox .index-public-title .more-lesson{
    float: right;
    font-size: 12px;
    margin-right: 10px;
    color: #3489CB;
}

/*底部布局*/
.footer {
    width: 100%;
    height: auto;
    margin-top: 80px;
}